import { useEffect } from 'react';
import './errorCaptured.less';

import Chart1 from '../components/yzf/chart1';
import Chart2 from '../components/yzf/chart2';
import Chart3 from '../components/yzf/chart3';

import Map from '../components/jwh/Mapcontainer'


import Chart4 from '../components/yzf/chart4';
import Chart5 from '../components/yzf/chart5';
import Chart6 from '../components/yzf/chart6';

export default function ErrorCaptured() {

    useEffect(() => {
        
    }, []);


    return (
        <>
            <div className='bigbox' >
                <div className='chart-container1' >
                    <Chart1></Chart1>
                    <Chart2></Chart2>
                    <Chart3></Chart3>
                </div>
                <div className='chart-container2' >
                    <Map center={[118.261194, 29.474489]} // 上海坐标
                        zoom={11} ></Map>
                </div>
                <div className='chart-container3' >
                    <Chart4></Chart4>
                    <Chart5></Chart5>
                    <Chart6></Chart6>
                </div>
            </div>
        </>
    );
}


